<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<style type="text/css">
	body{
		margin: 0;
		padding: 0;
		background-color: #eeeeee;
		font-family: "楷体";
	}
	.item{
		margin: 20px;
		margin-bottom: 50px;
	}
	.imte_top{
		text-align: center;
	}
	.imte_top>span{
		font-size:14px;
		display: inline-block;
		padding: 5px 12px;
		background-color: #ddd;
		color:#fff;
		border-radius: 5px;
	}
	.item_content{
		background-color: #fff;
		padding: 25px 15px;
		margin-top: 6px;
	}
	.item_content_top_1{
		font-size: 24px;
		font-weight: bold;
	}
	.item_content_top_2{
		color:#eee;
		font-size: 14px;
		margin: 5px 0px;
	}
	.item_content_top_3{
		margin: 10px 0px;
	}
	.item_content_top_4{
		margin: 10px 0px;
	}
	.item_content_bottom>a{
		text-decoration: none;
		color:#33e;
	}
</style>
</head>
<body>
	
	<div class="content" id="status0Content">
		
				
		<!--<div class="item">
			<div class="imte_top"><span>2019-10-12 12:00</span></div>
			<div class="item_content">
				<div class="item_content_top">
					<div class="item_content_top_1">取件通知</div>
					<div class="item_content_top_2">2019-10-12 12:00</div>
					<div class="item_content_top_3">您有一个包裹到e栈了!</div>
					<div class="item_content_top_4">
						取件码:<span style="color:#05a">123123</span><br>
						快递公司:顺丰快递<br>
						运单号码:123123123213<br>
						站点电话:13843838438<br>
						取件地址:学校快件集散中心<br>
					</div>
				</div>
				<hr>
				<div class="item_content_bottom">
					<a href="personQRcode.jsp?code=<%=e.getCode()%>">二维码</a>
				</div>
			</div>
		</div>-->
		
	</div>
	<div class="content" id="status1Content">
		
				
		<!--<div class="item">
			<div class="imte_top"><span>2019-10-12 12:00</span></div>
			<div class="item_content">
				<div class="item_content_top">
					<div class="item_content_top_1">取件成功通知</div>
					<div class="item_content_top_2">2019-10-12 12:00</div>
					<div class="item_content_top_3">您有一个包裹从e栈取出了!</div>
					<div class="item_content_top_4">
						快递公司:顺丰快递<br>
						运单号码:12313431123<br>
						站点电话:13843838438<br>
					</div>
				</div>
				<hr>
				<div class="item_content_bottom">
					<a href="#">有疑问 ? 点了也没用</a>
				</div>
			</div>
		</div>-->
		
			
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="layer/layer.js"></script>
	<script>
		$(function () {
			$.getJSON("/wx/finExpressByUserPhone.do",null,function (data) {
				if(data.status == 0) {
					/*{
				"status": 0,
						"data": {
					"status0": [
						{
							"id": 2,
							"number": "张三",
							"username": "124",
							"userPhone": "13843838438",
							"company": "京东快递",
							"code": "314256",
							"inTime": "2021-04-01 12:10:09",
							"outTime": "未出库",
							"status": "待取件",
							"sysPhone": "18888888888"
						},
						{
							"id": 8,
							"number": "李四",
							"username": "123123",
							"userPhone": "13843838438",
							"company": "顺丰快递",
							"code": "754802",
							"inTime": "2021-04-02 15:26:47",
							"outTime": "未出库",
							"status": "待取件",
							"sysPhone": "18888888888"
						}
					],
							"status1": [
						{
							"id": 5,
							"number": "李四",
							"username": "123123123",
							"userPhone": "13843838438",
							"company": "顺丰快递",
							"code": "已取件",
							"inTime": "2021-04-01 20:34:31",
							"outTime": "2021-04-02 12:40:41",
							"status": "已取件",
							"sysPhone": "18888888888"
						}
					]
				}
			}*/
					var data1 = data.data.status0;
					for (i = 0; i < data1.length; i++) {
						var item = "<div class=\"item\">\n" +
								"\t\t\t<div class=\"imte_top\"><span>" + data1[i].inTime + "</span></div>\n" +
								"\t\t\t<div class=\"item_content\">\n" +
								"\t\t\t\t<div class=\"item_content_top\">\n" +
								"\t\t\t\t\t<div class=\"item_content_top_1\">取件通知</div>\n" +
								"\t\t\t\t\t<div class=\"item_content_top_2\">" + data1[i].inTime + "</div>\n" +
								"\t\t\t\t\t<div class=\"item_content_top_3\">您有一个包裹到e栈了!</div>\n" +
								"\t\t\t\t\t<div class=\"item_content_top_4\">\n" +
								"\t\t\t\t\t\t取件码:<span style=\"color:#05a\">" + data1[i].code + "</span><br>\n" +
								"\t\t\t\t\t\t快递公司:" + data1[i].company + "<br>\n" +
								"\t\t\t\t\t\t运单号码:" + data1[i].number + "<br>\n" +
								"\t\t\t\t\t\t站点电话:" + data1[i].sysPhone + "<br>\n" +
								"\t\t\t\t\t</div>\n" +
								"\t\t\t\t</div>\n" +
								"\t\t\t\t<hr>\n" +
								"\t\t\t\t<div class=\"item_content_bottom\">\n" +
								"\t\t\t\t\t<a href=\"/wx/createQRCode.do?type=express&code=" + data1[i].code + "\">二维码</a>\n" +
								"\t\t\t\t</div>\n" +
								"\t\t\t</div>\n" +
								"\t\t</div>"
						$("#status0Content").append($(item));
					}
					var data2 = data.data.status1;
					for (i = 0; i < data2.length; i++) {
						var item = "<div class=\"item\">\n" +
								"\t\t\t<div class=\"imte_top\"><span>" + data2[i].outTime + "</span></div>\n" +
								"\t\t\t<div class=\"item_content\">\n" +
								"\t\t\t\t<div class=\"item_content_top\">\n" +
								"\t\t\t\t\t<div class=\"item_content_top_1\">取件成功通知</div>\n" +
								"\t\t\t\t\t<div class=\"item_content_top_2\">" + data2[i].outTime + "</div>\n" +
								"\t\t\t\t\t<div class=\"item_content_top_3\">您有一个包裹从e栈取出了!</div>\n" +
								"\t\t\t\t\t<div class=\"item_content_top_4\">\n" +
								"\t\t\t\t\t\t快递公司:" + data2[i].company + "<br>\n" +
								"\t\t\t\t\t\t运单号码:" + data2[i].number + "<br>\n" +
								"\t\t\t\t\t\t站点电话:" + data2[i].sysPhone + "<br>\n" +
								"\t\t\t\t\t</div>\n" +
								"\t\t\t\t</div>\n" +
								"\t\t\t\t<hr>\n" +
								"\t\t\t\t<div class=\"item_content_bottom\">\n" +
								"\t\t\t\t\t<a href=\"#\">有疑问 ? 点了也没用</a>\n" +
								"\t\t\t\t</div>\n" +
								"\t\t\t</div>\n" +
								"\t\t</div>"
						$("#status1Content").append($(item));
					}
				}else{
					layer.msg("暂无快递信息");
				}
			});
		});
	</script>
</body>
</html>